require('normalize.css/normalize.css');
require('styles/App.css');

import styles from '../styles/Product.css';
import React, {Component} from 'react';
import {Form,Carousel, Row, Col, Icon, Layout, Menu, Input,Button,Tabs} from 'antd';

const { Content, Footer} = Layout;
const FormItem = Form.Item;
import HeaderMin from './HeaderMin'
import FooterMin from './FooterMin'
let In8 = require('../sources/in8/zh_cn');

const  product_xs =In8.Product_4.product_xs;//`新手指导`;
const  xs_1 =In8.Product_4.xs_1;// `成功安装游戏后可以在桌面上看到《PrjectX》的图标，使用鼠标双击图标，进入游戏更新页面。
//如果您的网络环境不好也可以选择手动更新，首先先下载更新补丁，在运行更新补丁程序，选择游戏安装目录，然后点击【安装】。当游戏文件出现错误导致弹出或其他不能运行问题，请重新下载。
//更新完毕后，用户点击【开始游戏】，进入游戏登录页面。`;
const  xs_2 =In8.Product_4.xs_2;// ` 游戏登录  自动更新结束后，会进入账号登录页面。`;
const  xs_3 =In8.Product_4.xs_3;// `通过账号登录页面输入账号后，点击进入游戏，进入到选择游戏服务器选择页面。`;
const  xs_4 =In8.Product_4.xs_4;// `选择服务器即可进入角色选择界面。`;
const  xs_5 =In8.Product_4.xs_5;// `在角色选择界面确定角色后点击进入游戏即可。`;
const xs_img_1 = require("../img/product/xs_1.jpg");
const xs_img_2 = require("../img/product/xs_2.jpg");
const xs_img_3 = require("../img/product/xs_3.jpg");

class Product_4 extends Component {
  constructor(props) {
    super(props);
    this.state = {
      current: 'mail'
    }
  }

  render() {
    const { getFieldDecorator } = this.props.form;
    return (
      <Layout className="layout" style={{minWidth:'1024px'}}>
        <HeaderMin/>
        <Content style={{minHeight: '750px',backgroundColor:'#f4f4f4'}}>
          <Row type="flex" justify="center">
            <Col  span={12} style={{backgroundColor:'white',color:'black',marginTop:'2%',minHeight:'600px'}} >
              <h2 className={styles.Product_1_head}>
                <b>{product_xs}</b>
              </h2>
              <div className={styles.product_info}>
                <p>{xs_1}</p>
                <p>{xs_2}</p>
                <img src={xs_img_1} alt=""/>
                <p>{xs_3}</p>
                <img src={xs_img_2} alt=""/>
                <p>{xs_4}</p>
                <img src={xs_img_3} alt=""/>
                <p>{xs_5}</p>
              </div>
            </Col>
          </Row>
        </Content>
        <Row style={{marginTop:'1%'}}>
          <FooterMin/>
        </Row>
      </Layout>
    );
  }
}
export default Form.create()(Product_4);
//News.defaultProps =  Form.create()(News);;

//export default News;
